草庐IT

ionic 浮动框

全部标签

html - 向左浮动和父高度

这可能以前已经回答过,但我花了一些时间寻找但找不到确切的答案。我有一个包含两个divB和C的父divA。B和C都向左浮动。C没有设置高度(随着其中的文本量增长)。问题:父A不会增长到C的大小。我知道这与float元素有关,该元素不属于正常文档流的一部分,但我不知道如何解决它(在A上设置高度没有帮助,因为它取决于C的高度)。 最佳答案 将属性overflow:hidden添加到divA 关于html-向左浮动和父高度,我们在StackOverflow上找到一个类似的问题:

html - IE7向左浮动和堆叠问题

关于IE7遗留的float元素的快速问题。基本上我有一些像这样的HTMLdiv需要水平内联并排在一起。现在div向左浮动,其中的anchor标签有背景图像、宽度、高度和显示:block。截至目前,它适用于除IE6+7之外的所有浏览器。在这两个浏览器中,所有内容都像垂直堆叠一样相互堆叠。有没有快速修复IE的方法?我只能访问CSS文件。我无法编辑HTML。 最佳答案 尝试使用这个:zoom:1;//IEhacktotriggerhasLayout*display:inline;//IEhacktoachieveinline-blockb

html - 将文本在同一表格单元格中垂直和水平居中,图像向左浮动

我知道这似乎是个小问题。只是感觉应该有一个简单的解决方案。我有一种感觉,我是SOL,但我想我会先问。http://jsfiddle.net/bczengel/FSDz9/5/问题:当图像没有向左浮动时,它具有图像和文本都垂直居中的所需最终结果。当您将图像向左浮动时,图像垂直居中并且文本与图像顶部对齐。要求:一个表格单元格仅使用给定html的CSS(或对html进行最少的更改)我想避免使用行高解决方案,因为样式表应用于许多现有页面,其中一些页面在文本中有多行 最佳答案 对html进行最小的更改(将标题文本包装在中)table{widt

javascript - ionic 框架 - Angular html 包含

我正在使用IonicFramework构建应用程序。我正在使用标签导航。angular.module('myapp',['ionic']).config(function($stateProvider,$urlRouterProvider){$stateProvider.state('tabs',{url:"/tab",abstract:true,templateUrl:"templates/tabs.html"}).state('tabs.home',{url:"/home",views:{'home-tab':{templateUrl:"templates/home.html",c

html - 如何将图像对齐到 ionic 页面的中心

我想将图像(Logo)与页面的中心(水平和垂直)对齐?MyApplicationversion1.0.0accessserver我想要的布局,图像应该自动居中对齐到移动屏幕。(标签,手机) 最佳答案 尝试添加此CSS代码,它将使img水平和垂直居中。.home-container.row-centerimg{position:absolute;left:0;right:0;margin:0auto;top:50%;transform:translateY(-50%);} 关于html-如

html - li 增加时 CSS 自动更改 ul 宽度(向左浮动)

我在自动修复LI可以直接float的UL宽度时遇到问题。如果我更改css,请将UL的宽度设置为'1000px',而不是'auto';我想要的可以完成。但是,是否有其他任何设置仅通过CSS也可以达到相同的结果?因为我想随着LI数量的增加自动更改UL的宽度。Nowislikedivul-------------------------------divul|///////////////||///////li///////li|---------------------------------/////////////////////li///////liIwanttobelikethis

html - 标题两侧的 Ionic 2 导航栏图标

我正在尝试在标题位于中心的ion-header的每一侧添加两个图标,但它总是以右侧的两个图标结束。这是我的代码Title这导致了这个标题:我想不通,尝试了不同类型的教程并尝试复制他们的示例但没有成功。它背后也没有样式,因此不会弄乱布局。感觉“开始”元素在这个版本的Ionic或其他东西中被窃听了。有人可以指出我正确的方向吗?这是我运行“ionicinfo”时的输出:Yoursysteminformation:ordovaCLI:6.5.0IonicFrameworkVersion:2.1.0IonicCLIVersion:2.2.1IonicAppLibVersion:2.2.0Ioni

html - 如何让容器在 Ionic 的导航栏下方填满整个屏幕?

我想要一个iframe来填充导航栏下方的所有空间。我看到Ionic正在生成内联CSS并将类添加到html、body标签,它还创建了div包装器。我不知道实现我想要的目标的预期方法是什么。我需要为此使用一些预制的CSS类,还是自己编写?如果是这样,我应该怎么做才能不破坏布局。问题不在于iframe,而在于让容器填满导航栏下方的整个空间。目前iframe占用全宽但只有150像素的高度,因为父容器的高度为150像素。我的应用程序基于(tabsapplicationfromgithub)。我的代码如下:index.html:tab-map.html:目前它看起来像这样:

html - Ionic 2 float ionic 标签问题

我对正在使用的一些float标签有疑问,但不是全部,这使它变得更加奇怪。据我所知,我的ionic项目写得完全一样。下面是一些图片来显示这个问题。我不确定这是Ionic2中的错误还是我做错了什么。如果有任何不清楚的地方或您需要更多代码,请随时询问。如您所见,描述和照片/视频标签在聚焦(它们不是)时已经表现得像它们应该的那样,但事实并非如此显示亮点。这是一张我把它对焦然后又失焦的图像。一旦我这样做,它就会正常工作。我写的html:Description*Numberofcompletedtests*Photo/VideoSend 最佳答案

javascript - 如何在 html5/ionic 中使用平方米或平方公里

这就是我的想法。我想使用GPS获取用户位置。我不想发送当前位置,而是想计算平方公里或米。----------------------------------|||||||||.||^||Mycurrentposition|||||||----------------------------------如您在上图中所见,我的当前位置但我想用HTML5或Ionic计算该位置周围的整个区域会更可取。更新在上图中,红点是我的位置,我需要在红色矩形中获取整个区域。获取该存储在数据库中。我查看了多边形面积公式,但这需要多个顶点,通过地理定位,我只能得到经度和纬度两个坐标。我该如何使用这两点来做到这